 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>测试1，2（js正则函数运用）</title>
  <meta charset='UTF-8'/>
  <script type="text/javascript" src="jquery/jquery-1.11.1.min.js"></script>
  <script type="text/javascript">
	  $(function(){
	  	$('#but').click(function(){
			alert(/^1\d{10}$/.test($('#p1').val())?'正确！':'格式不正确,只能是11位的数字，请输入正确手机的格式');
			});
		
		$('#but1').click(function(){
			alert(/^0816+\d{6}$/.test($('#p2').val())?'是绵阳的号码':'不是绵阳的号码');			
			});
		
		$('#but2').click(function(){
			alert(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($('#p3').val())?'有效的邮箱格式':'无效的邮箱格式');
		});
		 
		$('#but3').click(function(){
			alert(/^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/.test($('#p4').val())?'合法的实数，分数':'不合法的实数，分数');
		});
		
	  });
  </script>
  
  <style type="text/css"> 
  #div{border:solid 1px;margin:100px auto;text-align:center;width:400px;height:350px}
  #div1{margin:60px auto}
  </style>
 </head>
 <body>
 	<div id="div">
 		<div id="div1">
		 手　机　号　码　:<input id="p1"/><button id="but">确定</button>
 		</div>
		<div id="div1">
		 绵阳手机(支持+86):<input id="p2"/><button id="but1">确定</button>
 		</div>
		<div id="div1">
		邮　箱　地　址　:<input id="p3"/><button id="but2">确定</button>
 		</div>
		<div id="div1">
		数　　　　　　字:<input id="p4"/><button id="but3">确定</button>
 		</div>
 	</div>
 </body>
</html>
